<template>
  <div class="app-container" >
    <el-row>
      <el-col :span="6"><i class="el-icon-s-order" style="color: #999999;margin-bottom: 20px;"></i><span style="margin-left: 5px;color: #999999;">基本信息</span></el-col>
    </el-row>
    <div style="background-color:  #FAFAFA;padding: 20px;">
      <el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="240px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="商机名称:" prop="bussinessOpportunity">
              {{form.bussinessOpportunity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="商机类型:" prop="businessOppportunityType">
              <dict-tag :options="dict.type.zxcrm_business_opportunity_type" :value="form.businessOppportunityType"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流感（三价）-预计成交数量:" prop="trivalentInfluenzaEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('1')">
              {{form.trivalentInfluenzaEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流感（三价）-预计成交金额（元）:" prop="trivalentInfluenzaEstimatedTransactionAmount"  v-if="form.businessOppportunityType.split(',').includes('1')">
              {{form.trivalentInfluenzaEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流感（三价）-实际成交数量:" prop="trivalentInfluenzaActualTransactionQuantity"  v-if="form.businessOppportunityType.split(',').includes('1')">
              {{form.trivalentInfluenzaActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流感（三价）-实际成交金额（元）:" prop="trivalentInfluenzaActualTransactionAmount"  v-if="form.businessOppportunityType.split(',').includes('1')">
              {{form.trivalentInfluenzaActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流感（四价）-预计成交数量:" prop="quadrivalentInfluenzaEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('2')">
              {{form.quadrivalentInfluenzaEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流感（四价）-预计成交金额（元）:" prop="quadrivalentInfluenzaEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('2')">
              {{form.quadrivalentInfluenzaEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流感（四价）-实际成交数量:" prop="quadrivalentInfluenzaActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('2')">
              {{form.quadrivalentInfluenzaActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流感（四价）-实际成交金额（元）:" prop="quadrivalentInfluenzaActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('2')">
              {{form.quadrivalentInfluenzaActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="水痘（预充）-预计成交数量:" prop="prefilledChickenpoxEstimatedTransactionQuantity"  v-if="form.businessOppportunityType.split(',').includes('3')">
              {{form.prefilledChickenpoxEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水痘（预充）-预计成交金额（元）:" prop="prefilledChickenpoxEstimatedTransactionAmount"  v-if="form.businessOppportunityType.split(',').includes('3')">
              {{form.prefilledChickenpoxEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="水痘（预充）-实际成交数量:" prop="prefilledChickenpoxActualTransactionQuantity"  v-if="form.businessOppportunityType.split(',').includes('3')">
              {{form.prefilledChickenpoxActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水痘（预充）-实际成交金额（元）:" prop="prefilledChickenpoxActualTransactionAmount"  v-if="form.businessOppportunityType.split(',').includes('3')">
              {{form.prefilledChickenpoxActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="水痘（西林）-预计成交数量:" prop="penicillinChickenpoxEstimatedTransactionQuantity"  v-if="form.businessOppportunityType.split(',').includes('4')">
              {{form.penicillinChickenpoxEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水痘（西林）-预计成交金额（元）:" prop="penicillinChickenpoxEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('4')">
              {{form.penicillinChickenpoxEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="水痘（西林）-实际成交数量:" prop="penicillinChickenpoxActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('4')">
              {{form.penicillinChickenpoxActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水痘（西林）-实际成交金额（元）:" prop="penicillinChickenpoxActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('4')">
              {{form.penicillinChickenpoxActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="肺炎（预充）-预计成交数量:" prop="prefilledPneumoniaEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('5')">
              {{form.prefilledPneumoniaEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="肺炎（预充）-预计成交金额（元）:" prop="prefilledPneumoniaEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('5')">
              {{form.prefilledPneumoniaEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="肺炎（预充）-实际成交数量:" prop="prefilledPneumoniaActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('5')">
              {{form.prefilledPneumoniaActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="肺炎（预充）-实际成交金额（元）:" prop="prefilledPneumoniaActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('5')">
              {{form.prefilledPneumoniaActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="肺炎（西林）-预计成交数量:" prop="penicillinPneumoniaEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('6')">
              {{form.penicillinPneumoniaEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="肺炎（西林）-预计成交金额（元）:" prop="penicillinPneumoniaEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('6')">
              {{form.penicillinPneumoniaEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="肺炎（西林）-实际成交数量:" prop="penicillinPneumoniaActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('6')">
              {{form.penicillinPneumoniaActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="肺炎（西林）-实际成交金额（元）:" prop="penicillinPneumoniaActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('6')">
              {{form.penicillinPneumoniaActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="EV71（预充）-预计成交数量:" prop="prefilledEv71EstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('7')">
              {{form.prefilledEv71EstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="EV71（预充）-预计成交金额（元）:" prop="prefilledEv71EstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('7')">
              {{form.prefilledEv71EstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="EV71（预充）-实际成交数量:" prop="prefilledEv71ActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('7')">
              {{form.prefilledEv71ActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="EV71（预充）-实际成交金额（元）:" prop="prefilledEv71ActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('7')">
              {{form.prefilledEv71ActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="EV71（西林）-预计成交数量:" prop="penicillinEv71EstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('8')">
              {{form.penicillinEv71EstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="EV71（西林）-预计成交金额（元）:" prop="penicillinEv71EstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('8')">
              {{form.penicillinEv71EstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="EV71（西林）-实际成交数量:" prop="penicillinEv71ActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('8')">
              {{form.penicillinEv71ActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="EV71（西林）-实际成交金额（元）:" prop="penicillinEv71ActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('8')">
              {{form.penicillinEv71ActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="破伤风疫苗-预计成交数量:" prop="tetanusVaccineEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('9')">
              {{form.tetanusVaccineEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="破伤风疫苗-预计成交金额（元）:" prop="tetanusVaccineEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('9')">
              {{form.tetanusVaccineEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="破伤风疫苗-实际成交数量:" prop="tetanusVaccineActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('9')">
              {{form.tetanusVaccineActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="破伤风疫苗-实际成交金额（元）:" prop="tetanusVaccineActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('9')">
              {{form.tetanusVaccineActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="狂犬疫苗-预计成交数量:" prop="rabiesVaccineEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('10')">
              {{form.rabiesVaccineEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="狂犬疫苗-预计成交金额（元）:" prop="rabiesVaccineEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('10')">
              {{form.rabiesVaccineEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="狂犬疫苗-实际成交数量:" prop="rabiesVaccineActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('10')">
              {{form.rabiesVaccineActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="狂犬疫苗-实际成交金额（元）:" prop="rabiesVaccineActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('10')">
              {{form.rabiesVaccineActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流脑四价-预计成交数量:" prop="quadrivalentMeningococcalEstimatedTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('11')">
              {{form.quadrivalentMeningococcalEstimatedTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流脑四价-预计成交金额（元）:" prop="quadrivalentMeningococcalEstimatedTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('11')">
              {{form.quadrivalentMeningococcalEstimatedTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="流脑四价-实际成交数量:" prop="quadrivalentMeningococcalActualTransactionQuantity" v-if="form.businessOppportunityType.split(',').includes('11')">
              {{form.quadrivalentMeningococcalActualTransactionQuantity}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="流脑四价-实际成交金额（元）:" prop="quadrivalentMeningococcalActualTransactionAmount" v-if="form.businessOppportunityType.split(',').includes('11')">
              {{form.quadrivalentMeningococcalActualTransactionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="实际成交日期:" prop="actualTransactionDate">
              {{form.actualTransactionDate}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="预计回款金额（元）:" prop="expectedCollectionAmount">
              {{form.expectedCollectionAmount}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="实际回款金额（元）:" prop="actualCollectionAmount">
              {{form.actualCollectionAmount}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注:" prop="remark">
              {{form.remark}}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>

    <el-row>
      <el-col :span="6"><i class="el-icon-s-order" style="color: #999999;margin-bottom: 20px;"></i><span style="margin-left: 5px;color: #999999;">系统信息</span></el-col>
    </el-row>
    <div style="background-color:  #FAFAFA;padding: 20px;">
      <el-form  label-position="left" :model="form" :rules="rules" label-width="150px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="销售流程:" prop="salesProcess">
              <dict-tag :options="dict.type.zxcrm_sales_process" :value="form.salesProcess"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="所属部门:" prop="deptName">
               {{form.deptName}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="负责人:" prop="userName">
              {{form.userName}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="创建人:" prop="userName">
              {{form.userName}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="创建时间:" prop="createTime" >
              {{form.createTime}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="最后修改时间:" prop="updateTime" >
              {{form.updateTime}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="最后跟进时间:" prop="lastFollowTime"  >
              {{form.lastFollowTime}}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="下次联系时间:" prop="nextContactTime"  >
              {{form.nextContactTime}}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
  export default{
    name:"businessOpportunityOverview",
    dicts: ['sys_normal_disable','zxcrm_business_opportunity_type','zxcrm_sales_process','zxcrm_business_opportunity_stage','zxcrm_permission_range','zxcrm_attention'],
    props:{
      form:{
        default:{}
      },
    },
    data() {
      return{
        gutter:20,
        // 表单校验
        rules: {}
      }
    },
    created(){
    },
    methods:{

    }

  }
</script>

<style>
</style>
